﻿<!doctype html>
<html lang="zh-cn">
<head>
    <meta charset="UTF-8">
    <title>新增凭证</title>
    <link rel="stylesheet" href="css/common/Jquery-UI/jquery.ui.all.css">
    <link href="css/common/font.css" rel="stylesheet">
    <link href="css/common/icon.css" rel="stylesheet">
    <link href="css/common/cisasoft.basic.css" rel="stylesheet">
    <link href="css/common/base.css" rel="stylesheet">
    <link rel="stylesheet" href="css/add_proof.css">
    <!--IE8所需的样式-->
    <!--[if gte IE 8]>
       <link href="css/cisasoft.basic.ie.css" rel="stylesheet">
    <![endif]-->
</head>
<body>
    <div class="header">
        <div class="pull_left">
            <img src="images/icon/icon_logo.png" class="logo">
        </div><!--pull_left-->
        <div class="pull_right">
            <a href="#" class="btn btn_out">
                <i class="btn_out_icon icon-switch4"></i>
                <span class="btn_out_text">退出</span>
            </a>
            <a href="#" class="btn btn_head btn_admin">admin [管理员]</a>
            <a href="#" class="btn btn_company">
                上海思鲨科技信息有限公司<span class="arrows_down"></span><!--小箭头-->
            </a>
        </div><!--pull_right-->
    </div><!--header-->
    <div class="content pull_left">
        <nav class="content_left pull_left">
            <ul class="nav_top">
                <li id="test">
                    <i class="icon-add"></i>
                    新增凭证
                </li>
            </ul><!--nav_top-->
            <ul class="nav_bottom">
                <li>
                    <i class="icon-file3"></i>
                    凭证管理
                </li>
                <li>
                    <i class="icon-moneybag"></i>
                    期末结账
                </li>
                <li>
                    <i class="icon-table2"></i>
                    余额表
                </li>
                <li>
                    <i class="icon-bars"></i>
                    报表
                </li>
                <li>
                    <i class="icon-tree"></i>
                    期初与科目管理
                </li>
                <li>
                    <i class="icon-book"></i>
                    账本管理
                </li>
            </ul>
        </nav><!--content_left-->
        <div class="content_right pull_left">
            <div class="search_contain">
                <div class="header_contain">
                    <div class="pull_left">
                        <i class="icon-add"></i>
                        <span>新增凭证</span>
                    </div><!--wrap_left-->
                </div><!--header_contain-->
            </div><!--search_contain-->
            <div class="wrap_contain">
                <div class="wrap_header">
                    <div class="pull_left">
                        <!--<button class="btn_icon btn_sm btn_deep_blue btn_print">
                            <i class="icon-print"></i>
                            <span>打印</span>
                        </button>
                        <button class="btn_icon btn_sm btn_deep_blue btn_print">
                            <i class="icon-download"></i>
                            <span>下载</span>
                        </button>-->
                    </div>
                    <label class="title">记账凭证</label>
                    <div class="pull_right">
                        <button id="addAndSave" class="btn btn_sm btn_deep_blue">
                            新增并保存
                        </button>
                        <button id="add" class="btn btn_sm btn_deep_blue">
                            保存
                        </button>
                    </div>
                </div><!--wrap_header-->
                <div class="wrap_content">
                    <div class="table_head">
                        <div class="left">
                            <span>记字第</span>
                            <input class="input_text_xs" maxlength="3" />
                            <span>号</span>
                        </div>
                        <div class="center">
                            <span>日期</span>
                            <input id="proofdate" class="input_text_date" placeholder="&#xe7b7;点击选择日期">
                        </div>
                        <div class="right">
                            <span>附单据</span>
                            <!--<input class="input_text_xs" maxlength="3">-->
                            <span>0张</span>
                        </div>
                    </div>
                    <div class="table">
                        <div class="table_footer_line"></div>
                        <ul class="thead">
                            <li>摘要</li>
                            <li>会计科目</li>
                            <li>单价</li>
                            <li>数量</li>
                            <li>
                                <ul>
                                	<li>借方金额</li>
                                	<li>
                                        <ul>
                                        	<li>亿</li>
                                        	<li>千</li>
                                        	<li class="blue_line">百</li>
                                        	<li>十</li>
                                        	<li>万</li>
                                        	<li class="blue_line">千</li>
                                        	<li>百</li>
                                        	<li>十</li>
                                        	<li class="red_line">元</li>
                                        	<li>角</li>
                                        	<li>分</li>
                                        </ul>
                                    </li>
                                </ul>
                            </li><!--借方金额-->
                            <li>
                                <ul>
                                    <li>贷方金额</li>
                                    <li>
                                        <ul>
                                            <li>亿</li>
                                            <li>千</li>
                                            <li class="blue_line">百</li>
                                            <li>十</li>
                                            <li>万</li>
                                            <li class="blue_line">千</li>
                                            <li>百</li>
                                            <li>十</li>
                                            <li class="red_line">元</li>
                                            <li>角</li>
                                            <li>分</li>
                                        </ul>
                                    </li>
                                </ul>
                            </li><!--贷方金额-->
                        </ul><!--thead-->
                        <ul class="tbody">
                            <li class="tr">
                                <ul class="td"> 
                                    <li><input class="input_abstract"/></li>
                                    <li><input class="input_subject" /></li>
                                    <li><input class="input_unit_price" /></li>
                                    <li><input class="input_num" /></li>
                                    <li class="tr">
                                        <ul class="td">
                                        	<li></li>
                                        	<li></li>
                                            <li class="blue_line"></li>
                                        	<li></li>
                                        	<li></li>
                                            <li class="blue_line"></li>
                                        	<li></li>
                                        	<li></li>
                                            <li class="red_line"></li>
                                        	<li></li>
                                        	<li></li>
                                            <shadow>
                                                <input class="input_debit_price" />
                                            </shadow>
                                        </ul><!--.table .tr .td .tr .td-->
                                    </li><!--.table .tr .td .tr-->
                                    <li class="tr">
                                        <ul class="td">
                                            <li></li>
                                            <li></li>
                                            <li class="blue_line"></li>
                                            <li></li>
                                            <li></li>
                                            <li class="blue_line"></li>
                                            <li></li>
                                            <li></li>
                                            <li class="red_line"></li>
                                            <li></li>
                                            <li></li>
                                            <shadow>
                                                <input class="input_credit_price" />
                                            </shadow>
                                        </ul><!--.table .tr .td .tr .td-->
                                    </li><!--.table .tr .td .tr-->
                                    <shadow>
                                        <i class="table_btn_left icon-add" title="新增"></i>
                                        <i class="table_btn_right icon-close" title="删除"></i>
                                    </shadow>
                                </ul><!--.table .tr .td-->
                            </li><!--.table .tr-->
                            <li class="tr">
                                <ul class="td">
                                    <li><input class="input_abstract" /></li>
                                    <li><input class="input_subject" /></li>
                                    <li><input class="input_unit_price" /></li>
                                    <li><input class="input_num" /></li>
                                    <li class="tr">
                                        <ul class="td">
                                            <li></li>
                                            <li></li>
                                            <li class="blue_line"></li>
                                            <li></li>
                                            <li></li>
                                            <li class="blue_line"></li>
                                            <li></li>
                                            <li></li>
                                            <li class="red_line"></li>
                                            <li></li>
                                            <li></li>
                                            <shadow>
                                                <input class="input_debit_price" />
                                            </shadow>
                                        </ul><!--.table .tr .td .tr .td-->
                                    </li><!--.table .tr .td .tr-->
                                    <li class="tr">
                                        <ul class="td">
                                            <li></li>
                                            <li></li>
                                            <li class="blue_line"></li>
                                            <li></li>
                                            <li></li>
                                            <li class="blue_line"></li>
                                            <li></li>
                                            <li></li>
                                            <li class="red_line"></li>
                                            <li></li>
                                            <li></li>
                                            <shadow>
                                                <input class="input_credit_price" />
                                            </shadow>
                                        </ul><!--.table .tr .td .tr .td-->
                                    </li><!--.table .tr .td .tr-->
                                    <shadow>
                                        <i class="table_btn_left icon-add" title="新增"></i>
                                        <i class="table_btn_right icon-close" title="删除"></i>
                                    </shadow>
                                </ul><!--.table .tr .td-->
                            </li><!--.table .tr-->
                            <li class="tr">
                                <ul class="td">
                                    <li><input class="input_abstract" /></li>
                                    <li><input class="input_subject" /></li>
                                    <li><input class="input_unit_price" /></li>
                                    <li><input class="input_num" /></li>
                                    <li class="tr">
                                        <ul class="td">
                                            <li></li>
                                            <li></li>
                                            <li class="blue_line"></li>
                                            <li></li>
                                            <li></li>
                                            <li class="blue_line"></li>
                                            <li></li>
                                            <li></li>
                                            <li class="red_line"></li>
                                            <li></li>
                                            <li></li>
                                            <shadow>
                                                <input class="input_debit_price" />
                                            </shadow>
                                        </ul><!--.table .tr .td .tr .td-->
                                    </li><!--.table .tr .td .tr-->
                                    <li class="tr">
                                        <ul class="td">
                                            <li></li>
                                            <li></li>
                                            <li class="blue_line"></li>
                                            <li></li>
                                            <li></li>
                                            <li class="blue_line"></li>
                                            <li></li>
                                            <li></li>
                                            <li class="red_line"></li>
                                            <li></li>
                                            <li></li>
                                            <shadow>
                                                <input class="input_credit_price" />
                                            </shadow>
                                        </ul><!--.table .tr .td .tr .td-->
                                    </li><!--.table .tr .td .tr-->
                                    <shadow>
                                        <i class="table_btn_left icon-add" title="新增"></i>
                                        <i class="table_btn_right icon-close" title="删除"></i>
                                    </shadow>
                                </ul><!--.table .tr .td-->
                            </li><!--.table .tr-->
                            <li class="tr">
                                <ul class="td">
                                    <li><input class="input_abstract" /></li>
                                    <li><input class="input_subject" /></li>
                                    <li><input class="input_unit_price" /></li>
                                    <li><input class="input_num" /></li>
                                    <li class="tr">
                                        <ul class="td">
                                            <li></li>
                                            <li></li>
                                            <li class="blue_line"></li>
                                            <li></li>
                                            <li></li>
                                            <li class="blue_line"></li>
                                            <li></li>
                                            <li></li>
                                            <li class="red_line"></li>
                                            <li></li>
                                            <li></li>
                                            <shadow>
                                                <input class="input_debit_price" />
                                            </shadow>
                                        </ul><!--.table .tr .td .tr .td-->
                                    </li><!--.table .tr .td .tr-->
                                    <li class="tr">
                                        <ul class="td">
                                            <li></li>
                                            <li></li>
                                            <li class="blue_line"></li>
                                            <li></li>
                                            <li></li>
                                            <li class="blue_line"></li>
                                            <li></li>
                                            <li></li>
                                            <li class="red_line"></li>
                                            <li></li>
                                            <li></li>
                                            <shadow>
                                                <input class="input_credit_price" />
                                            </shadow>
                                        </ul><!--.table .tr .td .tr .td-->
                                    </li><!--.table .tr .td .tr-->
                                    <shadow>
                                        <i class="table_btn_left icon-add" title="新增"></i>
                                        <i class="table_btn_right icon-close" title="删除"></i>
                                    </shadow>
                                </ul><!--.table .tr .td-->
                            </li><!--.table .tr-->
                        </ul><!--tbody-->
                        <ul class="table_footer">
                            <li class="tr">
                                <ul class="td">
                                    <li>
                                        <span class="span_title">合计：</span>
                                        <span class="span_price">零圆</span>
                                    </li>
                                    <li class="tr" id="count_debit_price"><!--借款金额总计-->
                                        <ul class="td">
                                            <li></li>
                                            <li></li>
                                            <li class="blue_line"></li>
                                            <li></li>
                                            <li></li>
                                            <li class="blue_line"></li>
                                            <li></li>
                                            <li></li>
                                            <li class="red_line"></li>
                                            <li></li>
                                            <li></li>
                                        </ul><!--.table_footer .tr .td .tr .td-->
                                    </li><!--.table_footer .tr .td .tr-->
                                    <li class="tr" id="count_credit_price"><!--贷款金额总计-->
                                        <ul class="td">
                                            <li></li>
                                            <li></li>
                                            <li class="blue_line"></li>
                                            <li></li>
                                            <li></li>
                                            <li class="blue_line"></li>
                                            <li></li>
                                            <li></li>
                                            <li class="red_line"></li>
                                            <li></li>
                                            <li></li>
                                        </ul><!--.table_footer .tr .td .tr .td-->
                                    </li><!--.table_footer .tr .td .tr-->
                                </ul><!--.table_footer .tr .td-->
                            </li><!--.table_footer .tr-->
                        </ul><!--table_footer-->
                        <div class="table_last_footer">
                            <span>制表人:</span>
                            <input class="input_text_xs" placeholder="点击填写制表人"/>
                        </div>
                        
                        <div class="imge_input">
                            <div class="add_image" title="添加票据图片">
                                <i class="icon-add"></i>
                            </div>
                        </div>
                    </div><!--table-->
                </div><!--wrap_content-->
            </div><!--wrap_contain-->
        </div><!--content_right-->
    </div><!--content-->
    <div class="clear_float footer">
        ©2014 Cisasoft . All rights reserved
    </div>
    <!--script start-->
    <!--[if gte IE 8]>
      <script src="js/html5shiv.min.js"></script>
    <![endif]-->
    <script src="js/common/jquery.js"></script>
    <script src="js/common/Jquery-UI/jquery.ui.core.js"></script>
    <script src="js/common/Jquery-UI/jquery.ui.widget.js"></script>
    <script src="js/common/Jquery-UI/jquery.ui.position.js"></script>
    <script src="js/common/Jquery-UI/jquery.ui.menu.js"></script>
    <script src="js/common/Jquery-UI/jquery.ui.autocomplete.js"></script>
    <script src="js/laydate/laydate.js"></script>
    <script src="js/common/cisasoft.cisaBasic.js"></script>
    <script src="js/base.js"></script>
    <script src="js/add_proof.js"></script>
    <!--script-->
</body>
</html>